<template>
	<view>
		<view>setUp</view>
		<button @click="setNum(num+5)">{{num}}</button>
		<button type="warn" @click="setMsg($reverse(msg))">{{msg}}</button>
	</view>
</template>
<script>
	// 导入ref响应数据
	import {ref} from 'vue'
	export default {
		setup(props,context){
			console.log(props,context)
			// 父组件传入的参数，context上下文 attrs属性，emit发送事件方法 expose导出 slots插槽
			// setup相当于created生命周期
			// 定义num默认值是 5
			const num = ref(5);
			// 定义更新num的方法
			const setNum =(v)=>{
				num.value=v;
			}
			// 返回num与setNum
			// 定义msg
			const msg = ref('你好msg')
			const setMsg = v=>msg.value=v;
			return {num,setNum,msg,setMsg}
		}
	}
	
</script>